/* out: ./h5-styles.css, sourcemap: true, compress: true*/
/* reset */
body,ul,ol,li,p,h1,h2,h3,h4,h5,dl,dt,dd{margin:0;padding:0}
button,input,select,textarea{margin:0;font-size:100%}
li {list-style: none;}
img{border:0}
a{text-decoration:none}
a:focus{text-decoration:none;}
html.touchevents a:hover{text-decoration:none}
object:not([data]){display:none}[hidden]{display:none!important}
.hidden{display:none}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
html {font-size: 100px;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;height: 100%;background:#f7f7f7; }
input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appearance:none;}

.text-overflow-2 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-overflow {
  -o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/**/
.footer {
  height: 0.8rem;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-shadow: 1px 5px 15px rgba(60, 105, 222, 0.8);
  font-size: 0.24rem;

}
.bottom-fixed {
  position: fixed;
  bottom:0;
  width: 100%;
  z-index: 10;
  bottom: -0.02rem;
}
.nav-item {
  -webkit-box-flex:1;
      -ms-flex:1;
          flex:1;
  text-align: center;
  a {
    display: block;
    font-size: 0.14rem;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 auto;
    text-align: center;
    color: #6e6e6e;
    padding-top: 0.1rem;
    .icon {
      display: block;
      margin: 0 auto 0.05rem;
      width: 0.36rem;
      height: 0.36rem;
    }
    .icon-channel {
      background: url(./images/icon/channel.png) no-repeat;
      background-size: 0.36rem 0.36rem;
    }
    .icon-search {
      background: url(./images/icon/search.png) no-repeat;
      background-size: 0.36rem 0.36rem;
    }
  }
  .cur {
    color:#3c6cde;
    .icon-channel {
      background: url(./images/icon/channel-on.png) no-repeat;
      background-size: 0.36rem;
    }
    .icon-search {
      background: url(./images/icon/search-on.png) no-repeat;
      background-size: 0.36rem;
    }
  }
}
.radius-shadow {
  background-color: #fff;
  position: fixed;
  margin-left: -0.55rem;
  left: 50%;
  z-index: 6;
  bottom: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.55rem;
  box-shadow: 0 0 0.15rem rgba(60, 105, 222, 0.3);
}
.radius-shadow-cover {
  background-color: #fff;
  position: fixed;
  margin-left: -0.55rem;
  left: 50%;
  z-index: 11;
  bottom: 0;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.55rem;
  text-align: center;
  a {
    display: block;
    padding: 0.12rem;
    .nav-face {
      width: 0.86rem;
      height: 0.86rem;
      background: url(./images/nav-account.png) no-repeat;
      background-size: 0.86rem;
    }
  }
}
.radius-shadow-cover.cur {
  background-color: #f9f8fe;
  a {
    .nav-face {
      background: url(./images/nav-account-on.png) no-repeat;
      background-size: 0.86rem;
    }
  }
}
.my-account {

}
.icon {display: inline-block;width: 0.2rem;height: 0.2rem;}
.sider-nav {
  position: fixed;
  top:0;
  bottom: 0.8rem;
  z-index: 10;
  width: 0;
  .sider-nav-bar {
    background-color: #fff;
    width: 3.4rem;
    position: fixed;
    top:0;
    left: -3.4rem;
    bottom: 0.78rem;
    z-index: 1;
    overflow-y: auto;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    li {
      height: 0.8rem;
      line-height: 0.8rem;
      font-size: 0.24rem;
      border-bottom: 0.02rem solid #e1ebff;
      a {
        padding-left: 0.5rem;
        display: block;
        color: #3c6cde;
        i {
          position: relative;
          top:0.02rem;
          font-size: 0.3rem;
          color: #d1daed;
          margin-right: 0.1rem;
          width: 0.3rem;
        }
      }
    }
    .sn-home {
      background-color: #f2f6ff;
    }
    .cur,.sn-home.cur {
        background-color: #3c6cde;
        a {color: #fff;}
        i {color:#fff;}
    }
  }
  .sider-nav-mask {
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top:0;
    bottom: 0.78rem;
    z-index: 1;
    width: 100%;
  }
  .show-bar {
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    left: 0;
  }
}
.wrap {
  position: relative;
  width: 100%;
  max-width: 6.4rem;
  min-width: 3.2rem;
  margin: 0 auto;
  background-color: #f7f7f7;
  padding-bottom: 1.5rem;
}
.index-loop-banner {
  width: 6.4rem;
  height: 2.5rem;
  a {
    display: block;
  }
  .banner-loop {
    display: block;
    width: 6.4rem;
    height: 2.5rem;
  }
  .banner-info {
    height: 0.5rem;
    line-height: 0.5rem;
    position: absolute;;
    bottom:0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 0.2rem;
    span {
      margin: 0 20px;
    }
  }
  .bl-title {
    display: block;
    width: 5rem;
  }
  .swiper-container-horizontal {
    .swiper-pagination {
      right: 10rem;
      height: 0.5rem;
      font-size: 0.2rem;
      line-height: 0.5rem;
      text-align: right;
      bottom:0;
      .swiper-pagination-bullet {
        background: #fff;
      }
      .swiper-pagination-bullet-active {
        background: #fff;
      }
    }
  }
}

.n-list {
  padding: 0 0.1rem;
  li {
    border-bottom: 1px solid #e9e9e9;
    padding: 0.2rem 0.2rem;
    .n-list-box {

    }
    .n-list-thumbnail {
      width: 1.9rem;
      height: 1.25rem;
      float: right;
      display: block;
      margin-left: 0.2rem;
    }
    .n-list-title {
      font-weight: 400;
      font-size: 0.28rem;
      color: #292929;
      line-height: 0.4rem;
      margin-bottom: 0.15rem;
    }
    .n-list-desc {
      font-size: 0.2rem;
      color: #959595;
      line-height: 0.3rem;
      margin-bottom: 0.15rem;
    }
    .n-list-time {
      font-size: 0.16rem;
      color: #959595;
    }
    .n-list-big-thumbnail {
      width: 100%;
    }
  }
}
.n-list li:last-child {border-bottom: none;}

.i-block {display: block;}

.quick-warning-box {
  background: #f7f7f7;
  padding: 0.2rem 0.15rem;
  .split-border {
    border-left: 0.02rem solid #ddd;
    height: 0.32rem;
    margin-left: 0.08rem;
    margin-right: 0.2rem;
    float: left;
    position: relative;
    top:0.18rem;
  }
  .quick-warning {
    background: #fff;
    border-radius: 0.04rem;
    height: 0.64rem;
    line-height: 0.64rem;
    background: #fff url(images/bg-quick-warning.png) no-repeat 0.15rem center;
    background-size: 1.22rem 0.3rem;
    padding-left: 1.52rem;
    .hot-list {
      float: left;
      height: 0.64rem;
      height: 0.64rem;
      line-height: 0.64rem;
      font-size: 0.18rem;
      .qw-title {
        color: #333;
        display: inline-block;
      }
        a {
          .text-overflow;
          width: 3.4rem;
        }
    }
    .text-hot {
      position: relative;
      top:0.2rem;
      margin-right: 0.2rem;
      display: inline-block;
      height: 0.22rem;
      line-height: 0.22rem;
      padding: 0 0.05rem;
      color: #f02b2b;
      border-radius: 0.04rem;
      border: 1px solid #f02b2b;
      font-size: 0.16rem;
      float: left;
    }

  }
}

.top-banner-loading {
  height: 2.5rem;
  width: 6.4rem;
  background: url(./images/h-loading.gif) no-repeat center center;
  background-size: 1.1rem;
}
.scroll-sub-nav {
  height: 0.62rem;
  line-height: 0.62rem;
  background-color: #fff;
  font-size: 0.24rem;
  border-bottom: 0.02rem solid #a1a1a1;
  overflow-x: auto;
  li {
    width: 1.1rem;
    text-align: center;
    float: left;
    a {
      display: block;
      height: 0.59rem;
      color: #a1a1a1;
      border-bottom: 0.04rem solid #fff;
    }
  }
  .cur {
    a {
      color: #000000;
      border-bottom-color: #3c6cde;
    }
  }
}
.scroll-sub-nav.warning-sub-nav {
  padding-left: 0.15rem;
  ul {
    width: 7.8rem;
    li {
      margin-right: 0.4rem;
    }
  }

}
.mr-20 {margin-right: 0.2rem;}

.a-detail {
  overflow-y: auto;
  padding: 0.25rem 0.25rem 0 0.25rem;
  .a-d-title {
    font-size: 0.34rem;
    color: #292929;
    line-height: 0.52rem;
  }
  .a-d-info {
    padding: 0.1rem 0 0.25rem;
    font-size: 0.23rem;
    color: #959595;
  }
  .a-d-content {
    line-height: 0.45rem;
    font-size: 0.24rem;
    color:#666;
    p {
      padding-bottom: 0.5rem;
    }
    img {
      max-width: 100%;
    }
  }
}
.back-bar {
  position: fixed;
  height: 0.7rem;
  line-height: 0.7rem;
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  width: 6.4rem;
  z-index: 30;
  margin: 0 auto;
  .back-btn {
    margin-left: 0.3rem;
    display: block;
    width: 0.52rem;
    height: 0.52rem;
    background: url(./images/icon/back-btn.png) no-repeat center center;
    background-size: 0.5rem;
    position: relative;
    top: 0.1rem;
  }
  .expo-join {
    margin-right: 0.3rem;
    padding-bottom: 0.15rem;
    text-align: center;
    font-size: 0.2rem;
    a {
      display: inline-block;
      border-radius: 0.04rem;
      font-size: 0.2rem;
      height: 0.4rem;
      line-height: 0.4rem;
      padding: 0 0.2rem;
      border: 0.02rem solid #fff;
      color: #fff;
    }
  }
}

.g-search {
	padding: 0.07rem 0.15rem;
	background: #3c6cde;
  .gs-i-box {
    font-size: 0.2rem;
    .gs-input {
      background:#fff url(./images/bg-top-search.png) no-repeat 0.1rem center;
      background-size: 0.24rem;
      width: 100%;
      height: 0.48rem;
      line-height: 0.48rem;
      border-radius: 0.05rem;
      text-indent: 0.45rem;
      border:none;
      font-size: 0.2rem;
      color:#ccc;
    }
    .btn-do-search {
      font-size: 0.24rem;
      color:#fff;
    }
  }
}


.list-with-showcase {
  padding: 0 0.05rem;
	li {
		padding: 0.25rem 0.2rem;
		border-bottom: 0.02rem solid #e9e9e9;
		a {display: block;}
		h2 {
      font-size: 0.28rem;
      line-height: 0.4rem;
      color:#292929;
      margin-bottom: 0.15rem;
      font-weight: 400;
      .text-overflow-2
    }
		img {
      width: 2rem;
      height: 1.25rem;
      float: right;
      margin-left: 0.2rem;
    }
		.time-box,.describe-box {
      color: #267dc0;
      font-size: 0.2rem;
    }
	}
}
.color-blue {color: #267dc0;}
.t-detail {
	padding: 0.2rem;
	h1 {
		font-size: 0.3rem;
		margin-bottom: 0.15rem;
		text-align: center;
	}
	.showcase {
		width: 100%;
		margin-bottom: 0.15rem;
		img {width: 100%;}
	}
	.td-content {
		th {vertical-align: top;padding:0.04rem;font-weight: 400; line-height:0.36rem;}
		td {vertical-align: top;padding:0.04rem;line-height: 0.36rem;}
		line-height: 0.36rem;
		font-size: 0.2rem;
		color: #666;
	}
  .expo-brief {
    p {
      text-indent: 2em;
      padding-bottom: 0.2rem;
    }
  }
	.pub-time {
		margin-bottom: 15px;

		font-size: 12px;
		span {
			color: #999;
			margin-right: 10px;
		}
		a {
			color: #999;
		}
	}
}
.rem-th-80 {
  th {
    width: 1.2rem;
  }
}
.accout-box {
  background: url(./images/account-top-banner.png) no-repeat top center;
  background-size: 100% auto;
  padding-top: 1.6rem;
  .face-icon {
    padding: 0.14rem;
    border-radius: 0.86rem;
    background-color: #fff;
    box-shadow: 0 0 0.33rem rgba(131,100,238, 0.5);
    height: 1.44rem;
    width: 1.44rem;
    margin: 0 auto 0.3rem;
    img {
      width: 1.44rem;
      height: 1.44rem;
      border-radius: 0.72rem;
      display: block;
    }
  }
  .accout-name {
    text-align: center;
    h1 {
      font-size: 0.3rem;
      font-weight: 400;
      color: #000;
      padding-bottom: 0.1rem;
    }
    h2 {
      font-size: 0.24rem;
      font-weight: 400;
      color: #828181;
      padding-bottom: 0.9rem;
    }
  }
  .account-service {
    ul {
      margin: 0 auto;
      width: 6.04rem;
      li {
        text-align: center;
        border-left: 0.02rem solid #e1ebff;
        float: left;
        width: 2rem;
        a {
          display: block;
          .icon {
            width: 0.66rem;
            height: 0.66rem;
            margin-bottom: 0.20rem;
          }
          .icon-my-expo {
            background: url(./images/icon/account-expo.png) no-repeat center center;
            background-size: 0.64rem;
          }
          .icon-company {
            background: url(./images/icon/account-company.png) no-repeat center center;
            background-size: 0.64rem;
          }
          .icon-ref {
            background: url(./images/icon/account-friend.png) no-repeat center center;
            background-size: 0.64rem;
          }
          p {
            font-size: 0.24rem;
            color: #2c2c2c;
          }
        }
      }
      li:first-child {
        border-left: none;
      }
    }
  }
}
.scroll-sub-nav.sn-fix-2 {
  li {
    width: 50%;
    padding: 0;
    text-align: center;
  }
}


.top-header-bar {
  text-align: center;
  height: 0.51rem;
  line-height: 0.51rem;
  border-bottom: 0.01rem solid #efefef;
  background-color: #fff;
  a {
    background: url(./images/s-back.png) no-repeat;
    display: block;
    position: relative;
    width: 0.4rem;
    height: 0.4rem;
    background-size: 0.4rem;
    float: left;
    top:0.05rem;
    margin-left: 0.2rem;
  }
  h1 {
    color: #000;
    font-size: 0.24rem;
    font-weight: 400;
    position: relative;
    width: 1rem;
    margin: 0 auto;
  }

}
.btn-blue {
  display: block;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  background-color: #3c6cde;
  text-align: center;
  font-size: 0.3rem;
  color: #fff;
  border-radius: 0.08rem;
  margin-bottom: 1rem;
}
.n-form-box {
  padding: 0.3rem;
  .blue-tip {
    padding: 0.5rem 0;
    p {
      font-size: 0.3rem;
      padding-bottom: 0.08rem;
      color: #3c6cde;
    }
  }
  .input-box {
    p {
      font-size: 0.24rem;
      .company-input {
        font-size: 0.24rem;
        height: 0.66rem;
        line-height: 0.66rem;
        border: 0.01rem solid #ededed;
        text-indent: 0.05rem;
        width: 100%;
        margin-bottom: 0.22rem;
      }

    }
    .error-tip {
      height: 0.36rem;
      line-height: 0.36rem;
      font-size: 0.2rem;
      color: #ff1200;
      margin-bottom: 0.3rem;
    }
  }
  .do-info {
    color: #959595;
    font-size: 0.24rem;
    line-height: 0.35rem;
    li {
      padding-left: 0.35rem;
      padding-bottom: 0.35rem;
      background: url(./images/blue-dot.png) 0.1rem 0.1rem no-repeat;
      background-size: 0.08rem;
    }
  }
  .bg-ref {
    background: url(./images/bg-ref.png) no-repeat center;
    background-size: 2.6rem;
    height: 3.2rem;
  }
  .gray-tip {
    font-size: 0.24rem;
    color: #959595;
    text-align: center;
    padding-bottom: 0.2rem;
  }
  .b-tip {
    font-size: 0.24rem;
    color: #333;
    text-align: center;
    padding-bottom: 0.3rem;
  }
  .ref-code {
    font-size: 0.36rem;
    text-align: center;
    color: #3c6cde;
    padding-bottom: 0.45rem;
    border-bottom: 0.02rem solid #f0f0f0;
  }
}
.ing-box {
  .bg-ing {
    background: url(./images/bg-ing.png) no-repeat center;
    background-size: 4rem;
    height: 5rem;
  }
  .a-gear {
    background: url(./images/gears.gif) no-repeat center;
    background-size: 0.6rem;
    height: 1.5rem;
  }
  .ib-tip {
    font-size: 0.3rem;
    text-align: center;
    color: #3c6cde;
  }
}

.join-detail {
  padding: 0.2rem;
  h2 {
    padding-bottom: 0.1rem;
    font-size: 0.24rem;
    color: #3c6cde;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #3c6cde;
  }
  .jd-dl {
    padding-bottom: 0.2rem;
    .jd-dl-dt {
      font-size: 0.2rem;
      color: #959595;
      height: 0.46rem;
      line-height: 0.46rem;
    }
    .jd-dl-dd {
      font-size: 0.24rem;
      .jd-txt {
        text-indent: 0.05rem;
        width: 100%;
        height: 0.68rem;
        line-height: 0.68rem;
        background-color: #fff;
        border: 0.02rem solid #dddddd;
        color: #333;
        font-size: 0.24rem;
      }
      .sp-list {
        margin-top: 0.1rem;
        background-color: #fff;
        max-height: 3rem;
        overflow-y: auto;
        border: 0.02rem solid #dddddd;
        font-size: 0.24rem;
        li {
          height: 0.4rem;
          line-height: 0.4rem;
          padding: 0.1rem;
          font-size: 0.24rem;
          label {
            input {
              width: 0.24rem;
              height: 0.24rem;
            }
            span {}
          }
        }
      }
    }
  }
}


.top-banner {
  position: relative;
  height: 2.5rem;
  width: 6.4rem;
  display: block;
  .islider-dot-wrap {
    position: absolute;
    right: 0.1rem;
    bottom: 0;
    height: 0.5rem;
    line-height: 0.5rem;
    width: 100%;
    font-size: 0;
    text-align: right;
    li {
      top:0.1rem;
      width: 0.06rem;
      height: 0.06rem;
      font-size: 0;
    }
  }
}

.search-cat {

  h1 {
    padding:0.2rem 0 0 0.1rem;
    font-size: 0.24rem;
    color:#333;
    height: 0.75rem;
    line-height: 0.75rem;
    font-weight: 400;
  }
  ul {
    li {
      float: left;
      width: 25%;
      text-align: center;
      height: 0.5rem;
      padding-bottom: 0.1rem;
      a {
        margin:0 0.1rem;
        display: block;
        height: 0.48rem;
        line-height: 0.48rem;
        font-size: 0.24rem;
        color: #999;
        background-color: #fff;
        border: 0.02rem solid #ddd;
      }
      .cur {
        color: #fff;
        background-color: #3c6cde;
        border-color: #3c6cde;
      }
    }
  }
}

.company-info-list {
  padding-bottom: 1.85rem;
  ul {
    li {
      height: 0.8rem;
      line-height: 0.8rem;
      border-bottom: 0.02rem solid #e8e8e8;
      padding: 0 0.25rem;
      font-size: 0.2rem;
      background-color: #fff;
    }
  }
}
.logout-company {
  padding: 0 0.25rem;
  .blue-btn {
    text-align: center;
    border-radius: 0.08rem;
    display: block;
    height: 0.72rem;
    line-height: 0.72rem;
    font-size: 0.3rem;
    color: #fff;
    background-color: #3c6cde;
    border-color: #3c6cde;
  }
}

.list-loading {
  background: url(./images/list-loading.gif) no-repeat center center;
  background-size: 0.56rem;
  height: 1rem;
}
.gs-list-box {

  .n-list-title {
    font-size: 0.28rem;
  }
  .color-blue {
    padding:0.1rem 0 0.15rem 0;
    font-size: 0.2rem;
    color: #267dc0;
  }
  .gs-dw {
      font-size: 0.2rem;
      color: #666666;
      .fr {
        float: right;
      }
    }
}


.index-expo-list {
  background: #fff;
  .ie-hd {
    font-size: 0.26rem;
    padding-left: 0.6rem;
    color: #3c6cde;
    height: 0.6rem;
    line-height: 0.6rem;
    background: url(./images/bg-latest-expo.png) no-repeat 0.25rem center;
    background-size: 1.4rem;
  }
  ul {
    width: 6rem;
    margin: 0 auto;
    li {
      padding: 0 0.05rem;
      float: left;
      width: 1.9rem;
      .expo-i {
        a {
          img {
            display: block;
            width: 1.9rem;
            height: 1.25rem;
          }
        }
      }
      .expo-join {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
        text-align: center;
        font-size: 0.2rem;
        a {
          display: inline-block;
          border-radius: 0.04rem;
          font-size: 0.2rem;
          height: 0.4rem;
          line-height: 0.4rem;
          padding: 0 0.2rem;
          border: 0.02rem solid #3c6cde;
          color: #3c6cde;
        }
      }
    }
  }
}
.bg-dark-gray {
  background: #dddddd;
  height: 0.2rem;
}
.gray-tip {
  color: #666;
  font-size: 0.18rem;
}
.bg-join {
  background: url(./images/bg-company.jpg) no-repeat center center;
  background-size: 3.2rem;
  height: 4rem;
}
.loading-cover {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.95);
  font-size: 0.26rem;
  text-align: center;
  z-index: 3;
  left: 0;
  top:0;
  .loading-box {
    margin-top: 1rem;
    background:  url(./images/h-loading.gif) no-repeat center center;
    background-size: 1.1rem;
    height:0.5rem;
  }
}

.wrap #toast-container {
  font-size: 0.3rem;
}
.ovh {
  overflow: hidden;
}
.fixed-detail {
  position: fixed;;
  background: #f7f7f7;
  width: 100%;
  height: 100%;
  left: 0;
  top:0;
  overflow: auto;
  z-index: 100;
}

#invitationCode .angucomplete-holder {
  position: relative;
  .angucomplete-dropdown {
    top: -0.2rem;
    background: #fff;
    width: 5.6rem;
    border: 0.02rem solid #ccc;
    position: absolute;
    z-index: 2;
    li {
      font-size: 0.24rem;
      height: 0.32rem;
      line-height: 0.32rem;
    }
  }
}
